<style type="text/css">
	html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {
	    margin: 0;
	    padding: 0;
	}
	*{box-sizing: border-box;}
	html, body {
	    min-height: 100%;
	}
	body {
	    font-family: "Microsoft YaHei";
	    font-size:14px;
	    color:#333;
	}
	h1, h2, h3, h4, h5, h6{font-weight:normal;}
	ul,ol {
	    list-style: none;
	}
	img {
	    border: none;
	    vertical-align: middle;
	}
	a {
	    text-decoration: none;
	    color: #232323;
	}
	table {
	    border-collapse: collapse;
	    table-layout: fixed;
	}
	input, textarea {
	    outline: none;
	    border: none;
	}
	textarea {
	    resize: none;
	    overflow: auto;
	}
	.clearfix {
	    zoom: 1;
	}
	.clearfix:after {
	    content: ".";
	    width: 0;
	    height: 0;
	    visibility: hidden;
	    display: block;
	    clear: both;
	    overflow:hidden;
	}
	.header{
		width: 100%;
		background-color: #fff;
		height: 100px;
		padding-top: 30px;
		position: relative;
	}
	.h_content{
		width: 1200px;
		margin: 0 auto;
	}
	.h_left{
		width: 476px;
		overflow: hidden;
		float: left;
	}
	.h_left img{
		width: 100%;
	}
	.h_right{
		width: 724px;
		float: right;
	}
	.h_right ul li a{
		color: #333;
		font-size: 16px;
	}
	.h_right ul li a:hover{
		color: #eeb200;
	}
	.h_right ul li a.active{
		padding-bottom: 34px;
		border-bottom: 2px solid #eeb200;
		color: #eeb200;
	}
	.h_right .nav1{
		padding:13px 0;
	}
	.h_right .nav1 li{
		float: left;
		padding:0 20px;
	}
	.nav2{
		width: 100%;
		height: 55px;
		background-color: #b5b0ba;
		position: absolute;
		left:0;
		bottom: -55px;
		padding-top: 20px;
		display: none;
	}
	.nav2 ul{
		width:1200px;
		margin:0 auto;
		padding-left: 600px;
	}
	.nav2 ul li{
		float: left;
		padding:0 20px;
	}
</style>
<div class="header">
	<div class="h_content clearfix">
		<div class="h_left">
			<a href="./index.html"><img src="images/logo.png"></a>
		</div>
		<div class="h_right">
			<ul class="nav1 clearfix">
				<li><a href="/index.html">首页</a></li>
				<li><a href="/about.html">关于我们</a></li>
				<li><a href="javascript:void(0);" >资质服务</a></li>
				<li><a href="javascript:void(0);" >职称服务</a></li>
				<li><a href="javascript:void(0);" >学历招生</a></li>
				<li><a href="javascript:void(0);" >技工电工</a></li>
				<li><a href="javascript:void(0);" data-er="1">核心业务</a></li>
				<li><a href="/contact.html" >联系我们</a></li>







			</ul>
			<div class="nav2">
				<ul class="clearfix">
					<li><a href="/qualifications.html" data-er="1">工商注册</a></li>
					<li><a href="javascript:void(0);">培训项目</a></li>
					<li><a href="javascript:void(0);">认证服务</a></li>
					<li><a href="javascript:void(0);">会议中心</a></li>
					<!-- <li><a href="/news.html">新闻中心</a></li> -->					
				</ul>
			</div>
			<!-- <div class="nav2">
				<ul class="clearfix">
					<li><a href="javascript:void(0);">关于企业</a></li>
					<li><a href="javascript:void(0);">机构简介</a></li>
					<li><a href="javascript:void(0);">企业文化</a></li>
					<li><a href="javascript:void(0);">团队风采</a></li>
				</ul>
			</div> -->
		</div>
	</div>
</div>
<script type="text/javascript">
	$(function(){
		$('.nav1 li').on('click',function(ev){
			ev.stopPropagation();
			var _dataEr = $(this).find('a').attr('data-er');
			if(1 == _dataEr){
				$(this).find('a').addClass('active').parent().siblings().find('a').removeClass('active');
				$('.nav2').fadeIn();
			}
		});
		$(document).on('click',function(ev){
			ev.stopPropagation();
			$('.nav2').fadeOut();
			$('.nav1 li a').removeClass('active');
		})
	})
</script>